<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表格</title>
</head>
<body>
    <!-- table 表格标签 属性:width 表格宽度  height:表格高度  border:表格外边框宽度  
        align:表格显示的位置 left居左显示;center居中显示;right:居右显示;left默认值
        cellspacing:单元格之间的间距,默认2px  cellpadding单元格内容与单元格边框的距离
        frame:控制表格边框最外层的四条线框  属性:void默认无边框;above顶部边框;below底部边框等
        rules:控制显示单元格之间的分割线  属性:none默认无分割线;all包含所有分割线等
        caption表格标题标记 使用方式:位于<table>和<tr>之间   align属性:标题放在表格top(上)/bottom(下)/left(左)/right(右)
    -->
    <table width="400px" height="400px" border="1" align="center" cellspacing="0px" cellpadding="5px" 
    frame="above" rules="rows">
        <!-- caption：表格标题 属性:align标题在表格top(上)/bottom(下)/left(左)/right(右) -->
        <caption align="bottom">成绩单</caption>
        <!--tr定义表格行 属性:bgcolor设置背景颜色;align设置垂直方向对齐方式:bottom(底部)/top(顶部)/middle(居中);
            valign设置水平方向对齐方式:left(靠左)/right(靠右)/cente(居中) -->
        <tr align="top">
            <!-- th 是表头标记,通常位于首行或首列,字体默认加粗 
            单元格属性:bgcolor背景颜色;align垂直方向对齐;valign水平方向对齐;width宽度;height高度;
            rowspan所占行数;colspan所占列数;
            -->
            <th align="center">班级</th>
            <th>姓名</th>
            <th>年龄</th>
            <th>学科</th>
            <th>成绩</th>
        </tr>
        <tr bgcolor="yellow"> <!-- bgcolor:背景颜色 -->
            <!-- td 数据标记,表示单元格具体数据 -->
            <td>高三3班</td>
            <td>张**</td>
            <td>17</td>
            <td>英语</td>
            <td>80</td>
        </tr>
        <tr align="middle" valign="center"> <!-- align：垂直方向对齐 valign：水平方向对齐 -->
            <td>高三4班</td>
            <td>李**</td>
            <td>16</td>
            <td>语文</td>
            <td>90</td>
        </tr>
    </table>
</body>
</html>